

<HTML>
<HEAD>
<TITLE>Eighteenth Test of Section 12.6 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
li:before {
        display: marker;
        content: counter(mycounter, lower-roman) ".";
        counter-increment: mycounter;
         }





</STYLE>
</HEAD>




<BODY>
<h1 >
Testing 18th Testable Statement of Sec 12.6 of CSS2 Specification
</h1>


<ul>
<li  >
18. Markers may be used to add periods after each numbered list item.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<ol>
<li>
This is the first item.
<li>
This is the second item.
<li>
This is the third item.
</ol>
The above numbered items should be numbered as lower-roman.
Rule applied is
"li:before {display: marker; content: counter(mycounter, lower-roman) ".";
counter-increment: mycounter;}"
<p>
Your browser rendering of this page should look similar to this <a href="c51.gif"> 
reference image </a> or to this <a href="d51.gif">reference image</a>.


</BODY>
</HTML>

